@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-20 18:39:00
 * @version $Id$
 */
.banner{ width: 100%; height: 500px;  margin: 0px auto;  overflow: hidden;}
.banner .main{ width: 1920px; height: 500px; position: relative; left: 50%; margin-left: -960px; }

.content{ width: auto; height: auto; background: #f8f8f8;}
.content .main{ width: 1260px; height: auto; margin: 40px auto; }
.content .main .top{ width: 1200px; height: 380px; margin: 0px auto;}
.content .main .top ul{ width: 1200px; height: 380px; }
.content .main .top ul li{ float: left; margin: 0px 10px; width: 380px; height: 380px}
.content .main .top ul li h2{ font-family: "微软雅黑"; font-size: 18px; color: #333; padding: 30px 0px; font-weight: bold;}
.content .main .top ul li img{  width: 380px; height: 250px; }
.content .main .det{  width: 1260px; height: 1380px;}
.content .main .det ul{ width: 1260px; height: 1380px; }
.content .main .det ul li{  width: 1260px; height: 345px; border-top: 1px solid #999;}
.content .main .det ul li .left{  width: 380px; height: 345px; float: left;}
.content .main .det ul li .left img{  width: 380px; height: 240px; margin: 30px 0px 0px 40px;}
.content .main .det ul li .left span{ font-family: "微软雅黑"; font-size: 16px; color: #999; text-align: center; display: block; line-height: 65px; margin-left: 80px;}
.content .main .det ul li .right{ width: 730px; height: 285px; float: right; margin: 60px 35px 0px 0px;}
.content .main .det ul li .right h3{ font-family: "微软雅黑"; font-size: 18px; color: #333; padding-bottom: 30px;}
.content .main .det ul li .right p{ font-family: "微软雅黑"; font-size: 16px; color: #999; line-height: 37px; padding-top: 20px; border-top: 1px solid #999;}

.content .page{ width: auto; height: 30px; padding-bottom: 50px; background: #f8f8f8;}
.content .page .pg{ width: 713px; height: 30px; margin: 0px auto;}
.content .page .pg a{ float: left; font-family: "微软雅黑"; font-size: 16px; color: #999; line-height: 30px; border: 1px solid #ccc; padding: 0px 8px; margin: 0px 5px;}
.content .page .pg a:hover{ background: #33ccff; color: #fff;}
.content .page .pg a.on{ background: #33ccff; color: #fff;}

.content .page .pg .fr{ float: left; font-family: "微软雅黑"; font-size: 16px; color: #999; line-height: 30px;}
.content .page .pg .fr p{ float: left; margin: 0px 5px;}

.content .page .pg form{  float: left; border: 1px solid #ccc;}
.content .page .pg form .ye{ width: 65px; height: 28px; text-align: center;}

.content .page .pg .sub{ float: left;  width: 65px; }
.content .page .pg .sub a{ width: 49px; text-align: center;}
